<template>
  <div><Crad :arr="colorArr" :list="cardList"></Crad></div>
</template>
<script>
import Crad from './components/Crad.vue'
export default {
  components: {
    Crad
  },
  data() {
    return {
      colorArr: ['pink', 'red', 'yellow', 'green'],
      cardList: [
        { id: 1, icon: 'icon-3column', text: '总订单', num: '102,400' },
        { id: 2, icon: 'icon-pad', text: '总销售额', num: '102,400' },
        {
          id: 3,
          icon: 'icon-notification',
          text: '今日订单数',
          num: '102,400'
        },
        { id: 4, icon: 'icon-icon-test2', text: '今日销售额', num: '102,400' }
      ]
    }
  }
}
</script>
<style lang="less" scoped></style>
